12 Maps & Embeds

Add maps and other embed content using the embed type. Works with any iframe-compatible URL.

Embeds can be used in any section type. You can only use one embed per section. To add multiple embeds, use Groups.

Embed Fields

FieldDescription
type"embed"
srcAny iframe-able URL
ratioAspect ratio like "16/9", "4/3", "1/1"
available ratios"16/9" (default), "4/3", "1/1", "21/9", "3/2", "2/3", "9/16"
captionOptional text below the embed

Maps & Embeds Use Cases

Google Map embed

"embed": {
    "src": "https://www.google.com/maps/embed?pb=...",
    "ratio": "16/9"
}

Google Map with 4:3 ratio

"embed": {
    "src": "https://www.google.com/maps/embed?pb=...",
    "ratio": "4/3"
}

Embed with caption

Kandy, Sri Lanka

"embed": {
    "src": "https://www.google.com/maps/embed?pb=...",
    "ratio": "16/9",
    "caption": "Kandy, Sri Lanka"
}

Custom iframe embed

"embed": {
    "src": "https://example.com",
    "ratio": "16/9"
}

Google Calendar embed

Office hours calendar

"embed": {
    "src": "https://calendar.google.com/calendar/embed?src=your.email%40gmail.com",
    "ratio": "4/3",
    "caption": "Office hours calendar"
}

Google Slides embed

Presentation slides

"embed": {
    "src": "https://docs.google.com/presentation/d/e/.../pubembed",
    "caption": "Slides viewer"
}

Google Drive PDF viewer

PDF document preview

"embed": {
    "src": "https://drive.google.com/file/d/FILE_ID/preview",
    "caption": "pdf viewer"
}
← BackNext →